@charset "utf-8";

.image-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
  width: 100%;
  height: 100%;
  
  &.image-wrapper-justify-vertical {
    .image-cover {
      height: 100%;
    }
  }
  
  &.image-wrapper-justify-horizontal {
    .image-cover {
      width: 100%;
    }
  }
  
  .image-cover {
    position: relative;
    box-sizing: border-box;
    left: 50%;
    transform: translate(-50%, 0);
    border: 1px solid transparent;
    
    &:hover {
      border-color: $border-color;
    }
  }
}